<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML 教案</title>
</head>
<body>
    <h1>赵六</h1>
    <h2>联系方式</h2>
<p>手机：123-0000-0000</p>
<p>邮箱：zhaoliu@example.com</p>
    <h2>个人优势</h2>
    <ul>
    <li>快速学习</li>
    <li>团队协作</li>
    <li>代码规范</li>
</ul>
    <h2>职业步骤</h2>
    <ol>
    <li>掌握HTML</HTML></li>
    <li>掌握CSS</li>
    <li>掌握JS</li>
</ol>
    <h2>个人词条</h2>
HTML
        <p>超文本标记语言</p>
CSS
        <P>层叠样式表</p>
    <h2>技能树</h2>
    <ul>
    <li>前端</li>
    <ul>
    <li>HTML</li>
    <li>CSS</li>
</ul>
    <li>后端</li>
 <ul>
    <li>NOde.js</li>
</ul>
</ul>
  
<h2>教育经历</h2>
<table border="1">
    <tr>
        <td>时间</td>
        <td>学校</td>
        <td>专业</td>
    </tr>
    <tr>
        <td>2016-2020</td>
        <td>北京大学</td>
        <td>计算机</td>
    </tr>
    <tr>
        <td>2020-2023</td>
        <td>清华大学</td>
        <td>软件工程</td>
    </tr>
</table>
<h2>在线编辑</h2>
<form action="/submit">
    <label for="name">姓名:</label>
    <input type="text" id="name" name="name">
</form>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>个人信息表单</title>
    <style>
        body {
            font-family: "Microsoft Yahei", sans-serif;
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
        }
        label {
            display: inline-block;
            width: 80px;
            margin-bottom: 10px;
        }
        input {
            padding: 5px;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            border-radius: 3px;
        }
        input[type="file"] {
            border: none;
        }
    </style>
</head>
<body>
    <form>
        <label for="name">姓名：</label>
        <input type="text" id="name" placeholder="your name"><br>

        <label for="age">年龄：</label>
        <input type="number" id="age"><br>

        <label for="email">邮箱：</label>
        <input type="email" id="email"><br>

        <label for="phone">电话：</label>
        <input type="tel" id="phone"><br>

        <label for="homepage">主页：</label>
        <input type="url" id="homepage"><br>

        <label for="password">密码：</label>
        <input type="password" id="password"><br>

        <label for="date">日期：</label>
        <input type="date" id="date"><br>

        <label for="time">时间：</label>
        <input type="time" id="time"><br>

        <label for="month">月份：</label>
        <input type="month" id="month"><br>

        <label for="week">周：</label>
        <input type="week" id="week"><br>

        <label for="datetime-local">本地日期时间：</label>
        <input type="datetime-local" id="datetime-local"><br>

        <label for="file">文件：</label>
        <input type="file" id="file"><br>

        <label for="color">颜色：</label>
        <input type="color" id="color"><br>

        <label for="range">范围0-100：</label>
        <input type="range" id="range" min="0" max="100">
    </form>
</body>
</html>
<h2>选择</h2>

<h2>下拉选择</h2>
<h2>自我介绍</h2>
<h2>操作</h2>
<h2>自动补全</h2>
<h2>进度/度量</h2>
</body>
</html>


